Vue.component('input-number', {
    methods: {
        handleReduce: function (index){
            this.value -= 1
        },
        handleAdd: function (index){
            this.value += 1
        }
    },
    props:{
        max:{
            type:Number,
            default:Infinity,
        },
        min:{
            type:Number,
            default: -Infinity
        },
        value:{
            type: Number,
            default: 0,
        }
    },
    // data:function (){
    //     return {
    //         value:0
    //     }
    // },
    template: '' +
        '<div class="input-number">' +
        '<input type="text" v-model="value">' +
        '<button @click="handleAdd">  +  </button>' +
        '<button @click="handleReduce">  -  </button>' +
        '</div>',
});
